<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Wireframe</title>
		<link rel="stylesheet" href="./jqueryui/css/ui-lightness/jquery-ui-1.8.18.custom.css" type="text/css">
		<link rel="stylesheet" href="./bootstrap/css/bootstrap.css" type="text/css">
		<link rel="stylesheet" href="./datatables/media/css/jquery.dataTables.css" type="text/css">
		<script type="text/javascript" language="javascript" src="./jquery/jquery-1.7.1.min.js"></script>
		<script type="text/javascript" language="javascript" src="./bootstrap/js/bootstrap.js"></script>
		<script type="text/javascript" language="javascript" src="./datatables/media/js/jquery.dataTables.min.js"></script>
		<script type="text/javascript" charset="utf-8">
			$(document).ready(function()
			{
				$('#vendor-table').dataTable({
					"aoColumnDefs": [
						{ "bSortable": false, "aTargets": [ 3 ]}
					]
				});
			});
		</script>
	</head>
	<body>
		<div class="navbar">
			<div class="navbar-inner">
				<div class="container" style="width: auto;">
					<div class="container">
						<ul class="nav pull-left">
							<li>
								<a href="./index.html">Home</a>
							</li>
							<li>
								<a href="./bills.html">Bills</a>
							</li>
							<li>
								<a href="./vendors.html">Vendors</a>
							</li>
							<li class="dropdown active">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
									Account
									<b class="caret"></b>
								</a>
								<ul class="dropdown-menu">
									<li><a href="./billhistory.html">Bill History</a></li>
									<li><a href="./userprofile.html">Edit Profile</a></li>
									<li><a href="./editvendors.html">Edit Vendors</a></li>
									<li><a href="./paymentaccounts.html">Edit Payment Accounts</a></li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="row">
				<div class="span12 ui-corner-all">
					<div class="well">
						<h1>Your Current Vendors</h1>
						<table id="vendor-table">
							<thead>
								<tr>
									<th>Name</th>
									<th>Address</th>
									<th>Website</th>
									<th></th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>California State University Long Beach</td>
									<td><address>26801 Ortega Hwy<br>
									San Juan Capistrano, California 92406<address></td>
									<td><a href="http://csulb.edu">http://csulb.edu</a></td>
									<td><a class="btn" href="./unlinkvendor.html">Unlink vendor</a></td>
								</tr>
								<tr>
									<td>University of California Irvine</td>
									<td><address>48271 W Peltason<br>
									Irvine, California 92663<address></td>
									<td><a href="http://csuf.edu">http://csuf.edu</a></td>
									<td><a class="btn" href="./unlinkvendor.html">Unlink vendor</a></td>
								</tr>
								<tr>
									<td>University of California Los Angeles</td>
									<td><address>23 Angel<br>
									Los Angeles, California 74892<address></td>
									<td><a href="http://ucla.edu">http://ucla.edu</a></td>
									<td><a class="btn" href="./unlinkvendor.html">Unlink vendor</a></td>
								</tr>
								<tr>
									<td>University of Southern California</td>
									<td><address>4802 Across Town<br>
									Los Angeles, California 72892<address></td>
									<td><a href="http://usc.edu">http://usc.edu</a></td>
									<td><a class="btn" href="./unlinkvendor.html">Unlink vendor</a></td>
								</tr>
								<tr>
									<td>University of Texas Austin</td>
									<td><address>984 Los Locos<br>
									Austin, California 22892<address></td>
									<td><a href="http://uta.edu">http://uta.edu</a></td>
									<td><a class="btn" href="./unlinkvendor.html">Unlink vendor</a></td>
								</tr>
								<tr>
									<td>California State University San Francisco</td>
									<td><address>984 Los Locos<br>
									San Francisco, California 22892<address></td>
									<td><a href="http://csusf.edu">http://csusf.edu</a></td>
									<td><a class="btn" href="./unlinkvendor.html">Unlink vendor</a></td>
								</tr>
								<tr>
									<td>Saddelback Valley College</td>
									<td><address>19841 Crown Valley<br>
									Mission Viejo, California 98421<address></td>
									<td><a href="http://svc.edu">http://svc.edu</a></td>
									<td><a class="btn" href="./unlinkvendor.html">Unlink vendor</a></td>
								</tr>
								<tr>
									<td>University of California San Diego</td>
									<td><address>77841 Gas Lamp<br>
									San Diego, California 98421<address></td>
									<td><a href="http://svc.edu">http://svc.edu</a></td>
									<td><a class="btn" href="./unlinkvendor.html">Unlink vendor</a></td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>